<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>学生缴费查询系统</title>
    <link rel="stylesheet" type="text/css" href="/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="/easyui/themes/color.css">
    <link rel="stylesheet" type="text/css" href="/easyui/demo/demo.css">
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
    <script src="/easyui/locale/easyui-lang-zh_CN.js"></script>
</head>
<body class="easyui-layout">
<div data-options="region:'north',border:false" style="height:80px;background:#aae0ff;padding:10px">
    <h1>学生缴费查询系统</h1>
</div>
<div class="easyui-tree" data-options="region:'west',collapsed:false,split:true,title:'使用帮助',url:'/help.json',method:'get'" style="width:300px;padding:10px;">


</div>
<!--<div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region-->
<!--</div>-->
<!--<div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">south region</div>-->
<div data-options="region:'center',title:'缴费信息查询'">


    <table id="dg" title="缴费信息" class="easyui-datagrid"
           toolbar="#toolbar" pagination="true"
           rownumbers="true" fitColumns="true" autoRowHeight="true" singleSelect="true" pageSize="20" fit="true">
        <thead>
        <tr>
            <!--<th field="id" width="50">标号</th>-->
            <!--<th field="teacherCode" width="50">教师编码</th>-->
            <!--<th field="teacherName" width="50">教师姓名</th>-->
            <th field="studentCode">学号</th>
            <th field="studentName">姓名</th>
            <th field="inSchoolYear">入学年份</th>
            <th field="graduateYear">毕业年费</th>
            <th field="classCode">班级编码</th>
            <th field="className">班级名称</th>
            <th field="feeCode">费用编码</th>
            <th field="feeName">费用名称</th>
            <th field="feeYear">缴费年费</th>
            <th field="feeDate">缴费时间</th>
            <th field="feeAmount">费用总额</th>
            <th field="feeNo">费用编码</th>
            <th field="shouldChargeAmount">应缴费总额</th>
            <th field="adjustAmount">欠费</th>

        </tr>
        </thead>
    </table>


    <div id="toolbar">
        <form class="easyui-form" title="学生查询" id="studentQueryPanel" hidden="true" style="width:400px;padding:30px 70px 50px 70px">
            <label>学号:</label>
            <input class="easyui-textbox" id="sqp_sc" name="studentCode" data-options="required:true,width:200"><br>
            <label>姓名:</label>
            <input class="easyui-textbox" id="sqp_sn" name="studentName" data-options="required:true,width:200"><br>
            <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" plain="false"
               onclick="queryByStrudent(true)">查询</a>
        </form>
        <form class="easyui-form" title="教师查询" id="teacherQueryPanel" hidden="true" style="width:400px;padding:30px 70px 50px 70px">
            <label>用户:</label>
            <input class="easyui-textbox" id="tqp_username" name="username" data-options="required:true,width:200"><br>
            <label>密码:</label>
            <input class="easyui-passwordbox" id="tqp_password" name="password" data-options="required:true,width:200"><br>
            <label>学号:</label>
            <input class="easyui-textbox" id="tqp_sc" name="studentCode" data-options="width:200"><br>
            <label>姓名:</label>
            <input class="easyui-textbox" id="tqp_sn" name="studentName" data-options="width:200"><br>
            <label>班级:</label>
            <input class="easyui-combobox" id="tqp_c" name="class"
                   data-options="loader:btsloader,mode: 'remote',valueField: 'id',textField: 'name',width:200"><br>
            <input type="checkbox" id="tqp_cb" name="qf"/>只查询欠费<br>
            <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" plain="false"
               onclick="teacherQuery(true)">查询</a>
        </form>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" plain="false"
           onclick="showQueryPanel('student')">学生查询</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" plain="false"
           onclick="showQueryPanel('teacher')">老师查询</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="false" onclick="showUploadPanel()">上传数据</a>
    </div>

    <form class="easyui-form" id="uploadForm" title="上传数据" hidden="true"
          style="width:400px;padding:30px 70px 50px 70px" method="post" enctype="multipart/form-data">
        <div>
            <label>用户:</label>
            <input class="easyui-textbox" id="up_username" name="username" data-options="required:true,width:200">
        </div>
        <div>
            <label>密码:</label>
            <input class="easyui-passwordbox" id="up_password" name="password" data-options="required:true,width:200">
        </div>
        <div>
            <label>选择数据文件:</label>
            <input class="easyui-filebox" id="up_file" name="file" data-options="required:true,width:250">

        </div>

        <div>
            <a href="#" id="btn_upload" class="easyui-linkbutton" style="width:30%">上传</a>
        </div>
        <br>
        <div id="progressbar"></div>
    </form>
</div>

<script type="text/javascript" src="index.js">
</script>
</body>
</html>